<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/5/9
  Time: 17:35
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../common/web_top.jsp" %>
<title>我的权限</title>
<style>

    .table .table_thead li {
        line-height: 70px;
        display: flex;
        border-top: 1px solid #ddd;
        cursor: pointer;
    }

    .table .table_thead li span {
        display: inline-block;
        float: left;
        width: 100px;
        text-align: center;
    }

    .table .table_thead li span:first-child {
        width: 100px;
        text-align: right;
        min-width: 40px;
        height: 70px;

    }

    .table .table_thead li span:last-child {
        flex: 1;
        text-align: center;
    }

    .toggle-tu {

        display: inline-block;
        position: relative;
        left: -3px;
    }

    .tu-1 {
        position: absolute;
        top: 15px;
        background: #dddddd;
        width: 1px;
        height: 30px;
    }

    .tu-2 {
        position: absolute;
        top: 31px;
        background: #dddddd;

    }

    .click-li {
        background-color: rgb(255, 251, 244);
    }
</style>
<div class="bgSortScroll">
    <div class="public-bgContent" ng-init="load()">
        <div class="public-bgDate">
            <div class="se-re">
                <select id="column_list" ng-options="a.id as a.name for a in dataLim" ng-model="param.id" ng-change="proName()"
                        class="ng-pristine ng-untouched ng-valid ng-empty">
                    <option value="" class="" selected="selected">栏目名称</option>

                </select>

                <script type="x-handlebars-template" id="column_list_tpl">
                    {{#each content}}
                    <option value="{{id}}">{{name}}</option>
                    {{/each}}
                </script>

                <span class="se-po"></span>
            </div>
            <div class="se-re">
                <select ng-options="i.id as i.name for i in className" ng-model="param.pid" ng-change="classNm()"
                        class="ng-pristine ng-untouched ng-valid ng-empty">
                    <option value="" class="" selected="selected">分类名称</option>
                </select>
                <span class="se-po"></span>
            </div>
            <button class="sousuo" ng-click="btn()">
                <i class="iconfont icon-sousuo"></i>
            </button>
        </div>
        <!--提示操作-->
        <div class="public-bghint">
            <span ng-click="show('caozuo')" style="cursor: pointer;">提示操作</span>
            <i class="iconfont icon-icon-copy-copy"></i>
        </div>
        <ul class="public-ulList set-listH" ng-show="infor.caozuo">
            <li>下面代表当前管理员所拥有的权限；</li>
            <li> 操作明细大致分别是：查看、编辑、审核、删除、取消、审核、退回、添加，具体的按照不同的子栏目不同，操作明细名称不同</li>
        </ul>
        <div style="height: 20px;"></div>
        <div id="mylimsList_content"></div>
        <!--tabel 列表-->
        <script type="x-handlebars-template" id="mylimsList_content_tpl">
            <div class="table">
                <ul class="table_thead" style="background: #F7F7F7;    box-sizing: border-box;">
                    <li class="thead_li" style="height: 55px;line-height: 55px;border-top:0;">
                        <span></span>
                        <span>栏目名称</span>
                        <span>分类名称</span>
                        <span>子分类名称</span>
                        <span>操作明细</span>
                    </li>
                </ul>
                {{#if content.[0]}}
                {{#each content}}
                <ul class="table_thead">
                    <li class="t1" param="i1" data-focus="false">
                        <span p="1">[-]</span>
                        <span>{{name}}</span>
                        <span></span>
                        <span></span>
                        <span></span>

                    </li>


                    <ul>
                        {{#each children}}

                        {{#each children}}
                        <li class="t11 i1" data-focus="false">
                            <span></span>
                            <span>
                <span class="toggle-tu"><span class="tu-1" style="width: 1px;min-width: 1px; height: 30px;"></span>
                    <span class="tu-2" style=" width: 50px;height: 1px;"></span></span></span>
                            <span>{{../name}}</span>

                            <span>{{name}}</span>

                            <span align="2">  {{#each children}}<a
                                    style="color: #333;">{{name}}  |  </a>{{/each}}</span>

                        </li>
                        {{/each}}
                        {{/each}}
                    </ul>
                </ul>
                {{/each}}
                {{else}}
                <tr class="">
                    <td colspan="16">暂时找不到数据</td>
                </tr>
                {{/if}}
            </div>
        </script>

        <script type="x-handlebars-template" id="single_content_tpl">
            <div class="table">
                <ul class="table_thead" style="background: #F7F7F7;    box-sizing: border-box;">
                    <li class="thead_li" style="height: 55px;line-height: 55px;border-top:0;">
                        <span></span>
                        <span>栏目名称</span>
                        <span>分类名称</span>
                        <span>子分类名称</span>
                        <span>操作明细</span>
                    </li>
                </ul>
                <ul class="table_thead">
                    <li class="t1" param="i1" data-focus="false">
                        <span p="1">[-]</span>
                        <span>{{name}}</span>
                        <span></span>
                        <span></span>
                        <span></span>

                    </li>


                    <ul>
                        {{#each children}}
                        {{#each children}}
                        <li class="t11 i1" data-focus="false">
                            <span></span>
                            <span>
                <span class="toggle-tu"><span class="tu-1" style="width: 1px;min-width: 1px; height: 30px;"></span>
                    <span class="tu-2" style=" width: 50px;height: 1px;"></span></span></span>
                            <span>{{../name}}</span>

                            <span>{{name}}</span>

                            <span align="2">  {{#each children}}<a style="color: #333;">{{name}}  |  </a>{{/each}}</span>

                        </li>
                        {{/each}}
                        {{/each}}
                    </ul>

                </ul>
            </div>
        </script>

    </div>
</div>
<script type="text/javascript" src="static/js/page/informa/mylims.js?_v=190102162154"></script>
<%@include file="../common/web_bottom.jsp" %>

